<template>
  <header>header 部分</header>
  <div>
    <router-link to="/">home</router-link> |
    <router-link to="/webpack-vue">webpack vue</router-link> |
    <router-link to="/vite-vue">vite vue</router-link> |
    <router-link to="/sub-vanilla">sub vanilla</router-link> |
    <router-link to="/load-sub-app">手动加载子应用</router-link>
  </div>
  <div><el-button type="primary" @click="openDialog">加载弹窗</el-button></div>
  <hr>
  <router-view></router-view>
  <!-- <div id="container"></div> -->
</template>

<script lang="ts" setup>
import { ElMessage } from 'element-plus'
const openDialog = () => {
  ElMessage({
    message: 'Congrats, this is a success message.',
    type: 'error',
  })
}
</script>
